<template>
    <div>
        <tops showback="true" customTitle="我的" righttop="setting" nowposi="hide">
            <div style="padding:0 0rpx 30rpx">
                <div style="height:220rpx;background-color: #a707a5;">
                    <span
                        style="float:left;margin:30rpx 30rpx 0; width:120rpx;height:120rpx;background-color: white;border-radius: 50%;"></span>
                    <div style="float: right;margin: 50rpx 30rpx 0;">
                        <button @click="toeditpersonal"
                            style="padding: 0 30rpx; height:64rpx;line-height: 64rpx; border:2rpx solid white;background-color: transparent;font-size: 24rpx;color: white;">编辑</button>
                    </div>
                    <div style="margin-left: 180rpx;margin-right: 180rpx;">
                        <div style="padding-top:30rpx;font-size: 40rpx;">用户昵称</div>
                        <div style="padding-top:20rpx;font-size: 30rpx;color: #ccc;">个性签名</div>
                    </div>
                </div>
                <div style="color: #333;font-size: 30rpx;">
                    <div style="padding:20rpx 30rpx;border-bottom: 2rpx solid #eee;">生日：<span
                            style="float: right;">2020-10-10</span></div>
                    <div style="padding:20rpx 30rpx;border-bottom: 2rpx solid #eee;">身份证：<span
                            style="float: right;">44008*********4735</span></div>
                    <div style="padding:20rpx 30rpx;border-bottom: 2rpx solid #eee;">手机号：<span
                            style="float: right;">189****4772</span></div>
                    <div style="padding:20rpx 30rpx;border-bottom: 2rpx solid #eee;">邮箱：<span
                            style="float: right;">19302844522@163.com</span></div>
                </div>
            </div>
        </tops>
    </div>
</template>

<script>
export default {
    methods: {

    }
}
</script>

<style scoped>
page {
    color: white;
}
</style>